<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>修改密码</title>
  	<script src="../../../../scripts/boot.js" type="text/javascript"></script>  
  	<style type="text/css">
        .tbl-txt{font-size:14px;}
        .tbl-txt input{padding:0 5px; height:22px; line-height:22px; margin-bottom:6px;}
        .pw-strength {clear: both;position: relative;top: 8px;width: 180px;}
        .pw-bar{background: url(../../../../../images/pwd_2.png) no-repeat; position:relative; top:0px;height: 14px;overflow: hidden;width: 179px;}
        .pw-bar-on{background: url(../../../../../images/pwd_1.png) no-repeat; width:0px; height:14px;position: absolute;top: 1px;left: 2px;transition: width .5s ease-in;-moz-transition: width .5s ease-in;-webkit-transition: width .5s ease-in;-o-transition: width .5s ease-in;}
        .pw-weak .pw-defule{ width:0px;}
        .pw-weak .pw-bar-on {width: 60px;}
        .pw-medium .pw-bar-on {width: 120px;}
        .pw-strong .pw-bar-on {width: 179px;}
        .pw-txt {padding-top: 2px;width: 180px;overflow: hidden;}
        .pw-txt span {color: #707070;float: left;font-size: 12px;text-align: center;width: 58px;}
    </style>
</head>
<body>            
<div id="form1">
	<div style="text-align:left;padding:0px 5px 10px;border-bottom:1px solid #aed0ea;margin-bottom: 10px;">
		<a class="mini-button" onclick="onOk" style="width:60px;">保存</a>
		<a class="mini-button" onclick="onCancel" style="width:60px;">取消</a>
    </div>
    <table style="margin: 0 auto;">
        <tr>
            <td><label for="pwd$text"><span style='color:red;vertical-align: middle;'> * </span>请输入旧密码：</label></td>
            <td>
                <input id="outPassword" name="outpwd" class="mini-password" style="width:100%;" required="true" requiredErrorText="帐号不能为空"
                onblur='oldParsseord'/>  
            </td>    
        </tr>
        <tr>
            <td></td>
            <td style='height: 20px;'>
               <p style='margin:0;ont-size: 12px;color:red;'><span id='errorAlert' style='display:none'>旧密码输入错误!!!</span></p>
            </td>    
        </tr>
        <tr>
            <td><label for="pwd$text"><span style='color:red;vertical-align: middle;'> * </span>请输入新密码：</label></td>
            <td>
                <input id="newPassword" name="pwd" class="mini-password"  style="width:100%;" required="true" minLengthErrorText="密码不能少于5个字符" />
            </td>
        </tr> 
         <tr>
            <td></td>
            <td>
               <p></p>
            </td>    
        </tr>   
        <tr>
            <td><label for="pwd$text"><span style='color:red;vertical-align: middle;'> * </span>再次输入新密码：</label></td>
            <td>
                <input id="newPassword2" name="newpwd" class="mini-password" style="width:100%;" required="true" minLengthErrorText="密码不能少于5个字符" />
            </td>
        </tr>
         <tr>
            <td></td>
            <td>
               <p></p>
            </td>    
        </tr>
        <tr>
	        <th></th>
	        <td id="level" class="pw-strength">
	            <div class="pw-bar"></div>
	            <div class="pw-bar-on"></div>
	            <div class="pw-txt">
	                <span>弱</span>
	                <span>中</span>
	                <span>强</span>
	            </div>
	        </td>
    	</tr>            
       <!--  <tr>
            <td></td>
            <td>
                <input value="保存" type="button" style="margin: 20px 20px 0 0;" onclick="save()" />
                <input value="取消" type="button" onclick="cancel()" />
            </td>
        </tr> -->
    </table>
</div>


<script src="alertjs/updatePassword.js" type="text/javascript"></script> 
</body>
</html>